<template>
  <lew-flex gap="50">
    <lew-button
      v-tooltip="{
        content:
          '哈士奇一般指西伯利亚雪橇犬。哈士奇一般指西伯利亚雪橇犬。哈士奇一般指西伯利亚雪橇犬。',
        placement: 'left',
        trigger: 'click'
      }"
      round
      text="left"
    />
    <lew-button
      v-tooltip="{
        content:
          '哈士奇一般指西伯利亚雪橇犬。哈士奇一般指西伯利亚雪橇犬。哈士奇一般指西伯利亚雪橇犬。',
        placement: 'top',
        trigger: 'click'
      }"
      round
      text="top"
    />

    <lew-button
      v-tooltip="{
        content:
          '哈士奇一般指西伯利亚雪橇犬。哈士奇一般指西伯利亚雪橇犬。哈士奇一般指西伯利亚雪橇犬。',
        placement: 'bottom',
        trigger: 'click'
      }"
      round
      text="bottom"
    />
    <lew-button
      v-tooltip="{
        content:
          '哈士奇一般指西伯利亚雪橇犬。哈士奇一般指西伯利亚雪橇犬。哈士奇一般指西伯利亚雪橇犬。',
        placement: 'right',
        trigger: 'click'
      }"
      round
      text="right"
    />
  </lew-flex>
</template>
